<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
    function show(){
    	// 获取id为 mytext 的普通元素值 
        var mytext = document.getElementById("mytext").value;
        alert(mytext);
        
    	//用标记id的td元素 获取值方法 
        var td1 = document.getElementById("td1").innerHTML;

        //用获取table(通过其id ) 获取指定的行，列 
        var mytable = document.getElementById("mytable").rows[1].cells[2].innerHTML;

        //遍历 table表格 
        var s3 = document.getElementsByTagName("table")[0]; //获取第一个表格 
        
        alert(td1);    //第一行第一列 
        alert(mytable);  //第二行第三列
        for(var i=0;i<s3.rows.length;i++){
            for(var j=0;j<s3.rows[i].cells.length;j++){
                alert(s3.rows[i].cells[j].innerHTML);
            }
        }
    }
</script>
</head>
<body onload="show()">  
   <center>  
      <input type="text" value="111" id="mytext">  
      <table border="1" width="60%" id="mytable">  
          <tr>  
              <td id="td1">第一行第一列</td><td id="td2">第一行第二列</td>  
          </tr>  
           <tr>  
              <td>第二行第一列</td><td>第二行第二列</td><td>第二行第三列</td>  
          </tr>  
          <tr>  
              <td>第三行第一列</td><td>第三行第二列</td>  
          </tr>  
      </table>  
   </center>  
 </body>
</html>